<template>
  <div class="container-fluid">
    <h3>贝尔宾团队角色测试</h3>
    <h5>Test for Belbin Team Roles</h5>
    <footer class="blockquote-footer">成都终端管制室 创新工作室 2021</footer>
    <br />
    <br />
    <div class="card">
      <div class="card-body">
        <h4 class="card-title">测试说明</h4>
        <p class="card-text">
          对下列问题的回答，可能在不同程度上描绘了你在题干所述情景下的行为。
          <strong>每题有八句话，请将总分10分分配给每题的八个句子。</strong>
          分配的原则是：最体现您行为的句子分最高，以此类推。最极端的情况也可能是十分全部分配给其中的某一句话。请根据您的实际情况选择分数。
          <strong>请注意每题所选总分不要少于10分。</strong>
        </p>
        <br />
        <button type="button" class="btn btn-outline-primary" @click="goNext">开始</button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "InitialView",
  data() {
    return {};
  },
  computed: {
    static() {
      return this.$store.state.baseData;
    }
  },
  methods: {
    goNext() {
      this.$store.commit("routerNext");
      this.$router.push(this.$store.state.routerData.nextView);
    }
  },
  mounted() {}
};
</script>

<style scoped>
p {
  text-align: justify;
}
.card-text {
  text-align: justify;
}
.note {
  opacity: 0.25;
}
</style>